<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="../js/ZRT.js"></script>
		<link rel="stylesheet" type="text/css" href="../css/List.css" />
		
	</head>
	<body>
		<div class="header-2">
			<div class="header2">
				<div class="logo2">
					<img src="../img/logo.png">
				</div>
				<div class="nav2">
					<ul class="max-nav2">
						<li>
							<a href="ZRT.html" class="firstNav">首页</a>
						</li>
						<li>
							<a href="List.html" class="firstNav"><span>护肤</span></a>
						</li>
						<li>
							<a href="List.html" class="firstNav"><span>面膜</span></a>
						</li>
						<li>
							<a href="List.html" class="firstNav"><span>彩妆</span></a>
						</li>
						<li>
							<a href="List.html" class="firstNav"><span>男士</span></a>
						</li>
						<li class="secList">
							<a class="club firstNav">会员俱乐部&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
							<ol>
								<li>
									<a href="">会员礼遇</a>
								</li>
								<li>
									<a href="">会员章程</a>
								</li>
								<li>
									<a href="">积分规则</a>
								</li>
							</ol>
						</li>
						<li class="secList">
							<a class="about firstNav">关于自然堂</a>
							<ol>
								<li>
									<a href="">品牌故事</a>
								</li>
								<li>
									<a href="">品牌资讯</a>
								</li>
								<li>
									<a href="">品牌价值观</a>
								</li>
							</ol>
						</li>
						<li>
							<a class="firstNav">专柜查询</a>
						</li>
						<li>
							<a class="firstNav">防伪查询</a>
						</li>
					</ul>
					<ul class="min-nav2">
						<li><a href=""></a><img src="../img/search.png" ></li>
						<li><a href="shppcart.html"><img src="../img/shopping-cart.png"></a></li>
						<li><a href="denglu.html"><img src="../img/my.png" ></a></li>
					</ul>
				</div>
			</div>
			<div class="last-nav1">
				<p>共18个产品</p>
				
				<div class="Sales1">
					<h5>按照人气 |</h5>
					<h5>按照销量 |</h5>
					<h5>按照价格 |</h5>
				</div>
				
				<div class="box5">
					<p class="box3">
						<img src="../img/fullRange.png">&nbsp;&nbsp;&nbsp;<a href="">全系列</a>
					</p>
					<p class="box4">
						<img src="../img/select.png">&nbsp;&nbsp;&nbsp;<a href="">筛选</a>
					</p>
				</div>
			</div>

		</div>



		<div class="header1">
			<div class="header">
				<div class="logo">
					<img src="../img/logo.png">
				</div>
				<div class="nav">
					<ul class="max-nav">
						<li>
							<a class="firstNav">首页</a>
						</li>
						<li>
							<a href="https://www.chcedo.com" class="firstNav"><span>护肤</span></a>
						</li>
						<li>
							<a href="#" class="firstNav"><span>面膜</span></a>
						</li>
						<li>
							<a href="#" class="firstNav"><span>彩妆</span></a>
						</li>
						<li>
							<a href="#" class="firstNav"><span>男士</span></a>
						</li>
						<li class="secList">
							<a href="#" class="club firstNav">会员俱乐部</a>
							<ol>
								<li>
									<a href="">会员礼遇</a>
								</li>
								<li>
									<a href="">会员章程</a>
								</li>
								<li>
									<a href="">积分规则</a>
								</li>
							</ol>
						</li>
						<li class="secList">
							<a href="#" class="about firstNav">关于自然堂</a>
							<ol>
								<li>
									<a href="">品牌故事</a>
								</li>
								<li>
									<a href="">品牌资讯</a>
								</li>
								<li>
									<a href="">品牌价值观</a>
								</li>
							</ol>
						</li>
						<li>
							<a href="#" class="firstNav">专柜查询</a>
						</li>
						<li>
							<a href="#" class="firstNav">防伪查询</a>
						</li>
					</ul>
					<ul class="min-nav">
						<li><a href=""></a><img src="../img/search.png"></li>
						<li><a href=""></a><img src="../img/shopping-cart.png"></li>
						<li><a href=""></a><img src="../img/my.png"></li>
					</ul>
				</div>
			</div>
			<div class="last-nav">
				<span>共18个产品</span>
				<span class="box1"><img src="../img/fullRange.png">&nbsp;&nbsp;&nbsp;<a href="">全系列</a></span>
				<span class="box2"><img src="../img/select.png">&nbsp;&nbsp;&nbsp;<a href="">筛选</a></span>
				<div class="Sales">
					<h3>按照人气 |</h3>
					<h3>按照销量 |</h3>
					<h3>按照价格 |</h3>
				</div>
			</div>
		</div>
		<div class="body">
			<ul class="set">
				<li class="ssrt">
					<a href="Product.html">
						<div>
							<img src="../img/咖啡因.jpg" >
						</div>
						<p>男士咖啡因活力紧致精华乳</p>
						<span>￥160.00</span>
					</a>
				</li>
				<li>
					<div>
						<img src="../img/jinghua.jpg" >
					</div>
					<p>男士大麻控油抑痘哑光精华乳</p>
					<span>￥160.00</span>
				</li>
				<li>
					<div>
						<img src="../img/15218EOR71688872.png" >
					</div>
					<p>喜马拉雅白泥净亮洁面膏</p>
					<span>￥49.00</span>
				</li>
				<li>
					<div>
						<img src="../img/15218EOQQ1688427.png" >
					</div>
					<p>喜马拉雅能量爽肤水</p>
					<span>￥99.00</span>
				</li><li>
					<div>
						<img src="../img/15218EORl1689107.png" >
					</div>
					<p>喜马拉雅矿岩控油露</p>
					<span>￥109.00</span>
				</li>
				<li>
					<div>
						<img src="../img/15218EOQQ1688427.png
						" >
					</div>
					<p>喜马拉雅龙血能量润肤露</p>
					<span>￥109.00</span>
				</li>
				<li>
					<div>
						<img src="../img/15218EORq1689241.png" >
					</div>
					<p>喜马拉雅冰山保湿霜</p>
					<span>￥89.00</span>
				</li>
				<li>
					<div>
						<img src="../img/15218EOQG1688233.png" >
					</div>
					<p>喜马拉雅龙血能量控油醒肤水</p>
					<span>￥59.00</span>
				</li>
				<li>
					<div>
						<img src="../img/23120DQPI4533119.png" >
					</div>
					<p>喜马拉雅绿泥控油洁面膏</p>
					<span>￥49.00</span>
				</li>
				<li>
					<div>
						<img src="../img/15218EOQT1688545.png" >
					</div>
					<p>喜马拉雅龙血能量润肤霜</p>
					<span>￥119.00</span>
				</li>
				<li>
					<div>
						<img src="../img/23120DQPI4533119.png" >
					</div>
					<p>男士无感防晒喷雾</p>
					<span>￥129.00</span>
				</li>
				<li>
					<div>
						<img src="../img/15218EORs1689248.png" >
					</div>
					<p>喜马拉雅冰川滋润霜</p>
					<span>￥99.00</span>
				</li>
				<li>
					<div>
						<img src="../img/15218EOR71688872.png" >
					</div>
					<p>喜马拉雅红泥抗痘洁面膏</p>
					<span>￥49.00</span>
				</li>
				<li>
					<div>
						<img src="../img/15218EORf1688952.png" >
					</div>
					<p>喜马拉雅矿岩控油爽肤水</p>
					<span>￥99.00</span>
				</li>
				<li>
					<div>
						<img src="../img/15218EOR71688872.png" >
					</div>
					<p>喜马拉雅火山岩抗黑头洁面膏</p>
					<span>￥49.00</span>
				</li>
				<li>
					<div>
						<img src="../img/15218IDPm0412366.png" >
					</div>
					<p>喜马拉雅冰山透爽保湿洁面乳</p>
					<span>￥59.00</span>
				</li>
				<li>
					<div>
						<img src="../img/23119IPRt0045552.png" >
					</div>
					<p>男士毛孔净化活炭洁面泡</p>
					<span>￥99.00</span>
				</li>
				<li>
					<div>
						<img src="../img/15218EOR71688872.png" >
					</div>
					<p>男士烟酰胺修颜霜</p>
					<span>￥89.00</span>
				</li>
				<li style="opacity: 0;">
					<div>
						<img src="../img/15218EOR71688872.png" >
					</div>
					<p>男士烟酰胺修颜霜</p>
					<span>￥89.00</span>
				</li>
				<li style="opacity: 0;">
					<div>
						<img src="../img/15218EOR71688872.png" >
					</div>
					<p>男士烟酰胺修颜霜</p>
					<span>￥89.00</span>
				</li>
			</ul>
		</div>

		<div id="last"></div>
	</body>
</html>
<script>
	$("#last").load("Tail.html");

	$(window).scroll(function(){
		if ($(this).scrollTop()>150) {
			$(".header-2").css("display","flex");
		} else {
			$(".header-2").css("display","none");
		}
	})
</script>
